import { StyleSheet } from 'react-native';
import { NAVBAR_HEIFHT, SCREEN_WIDTH, TABBAR_HEIGHT_NORMAL } from "../../constant";
import Colors from "./Colors";
export const autoSize = (size) => {
    return size / 375.0 * SCREEN_WIDTH;
};
export const commonStyles = StyleSheet.create({
    container: {
        display: 'flex',
        flex: 1,
        backgroundColor: '#F4F4F4',
    },
    relative: {
        position: 'relative',
    },
    absolute: {
        position: 'absolute',
    },
    navBar: {
        height: NAVBAR_HEIFHT,
        width: SCREEN_WIDTH,
        display: 'flex',
        alignItems: 'center',
        backgroundColor: '#232728',
    },
    flex1: {
        display: 'flex',
        flex: 1,
    },
    flexEnd: {
        alignItems: 'flex-end'
    },
    centerVH: {
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
    },
    flexRow: {
        display: 'flex',
        flexDirection: 'row'
    },
    flexColumn: {
        display: 'flex',
        flexDirection: 'column'
    },
    backButton: {
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
        height: '100%',
        width: NAVBAR_HEIFHT,
        backgroundColor: 'transparent',
    },
    formContainer: {
        backgroundColor: '#fff'
    },
    tabBar: {
        width: SCREEN_WIDTH,
        height: TABBAR_HEIGHT_NORMAL,
        backgroundColor: '#232728',
        display: 'flex',
        flexDirection: 'row',
        alignItems: 'center',
        position: 'relative',
        zIndex: 100,
    },
    tabBarItem: {
        display: 'flex',
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        flexDirection: 'row',
    },
    tabBarItemTextNormal: {
        color: '#AEADAD',
        marginLeft: 2,
    },
    tabBarItemTextActive: {
        color: '#DAC228',
        marginLeft: 2,
    },
    tabBarUnderline: {
        position: 'absolute',
        left: 0,
        bottom: 0,
        height: 4,
        width: SCREEN_WIDTH / 2,
        backgroundColor: '#DAC228'
    },
    listItem: {
        display: 'flex',
        flexDirection: 'row',
        padding: 5,
        alignItems: 'center',
    },
    linkText: {
        color: 'rgb(70,140,181)'
    },
    underLine: {
        borderBottomWidth: 1,
        borderBottomColor: Colors.Separate
    },
    topLine: {
        borderTopWidth: 1,
        borderTopColor: Colors.Separate
    },
    buttonContainer: {},
    button: {
        backgroundColor: Colors.Active,
        paddingVertical: 20
    },
});
export const commonProps = {
    navBar: {
        style: commonStyles.navBar,
        tintColor: '#232728',
        statusBar: { style: 'light-content' },
        containerStyle: {
            display: 'flex',
            backgroundColor: 'gray'
        },
        titleStyle: {
            display: 'flex',
            flex: 1,
            backgroundColor: '#f00'
        }
    },
};
export const whiteSPace = StyleSheet.create({});
